import React from "react";
import { Icon } from "antd";
import "./index.less";
function ColorCard(props) {
  return (
    <div className="color">
      <section className="color-left" style={{ background: props.color }}>
        <Icon type={props.icon} style={{ fontSize: "4rem", color: "#fff" }} />
      </section>
      <section className="color-right">
        <div className="color-right-bg">
          <div> {props.number}</div>
          <div>{props.title}</div>
        </div>
      </section>
    </div>
  );
}
export default ColorCard;
